<div class="f-page-header">
    <nav class="f-page-header-base">
        <div class="f-title">
            <span class="f-title-icon f-text-orna-manage">
                <i
                    class="f-icon"
                    [ngClass]="{ 'f-icon-page-title-voucher': type == 'card', 'f-icon-page-title-administer': type == 'list' }"
                ></i>
            </span>
            <h4 class="f-title-text">{{ title }}</h4>
            <ng-container *ngIf="type == 'card'">
                <div class="f-title-status">
                    <span class="badge badge-border-success">审批通过</span>
                </div>
                <div class="f-title-status">
                    <span class="badge badge-border-success">审批通过</span>
                </div>
                <span class="farris-label-tips--highlight f-common-px" farrisTooltip [content]="tipsTemplate">
                    <i class="f-icon f-icon-description-tips"></i
                ></span>
                <div class="f-title-pagination">
                    <span class="f-icon f-icon-arrow-w f-state-disabled"></span>
                    <span class="f-icon f-icon-arrow-e"></span>
                </div>
            </ng-container>
        </div>
        <f-response-toolbar class="f-toolbar" [ngClass]="{ 'col-7': type == 'list', 'col-8': type == 'card' }" [datas]="toolbarData">
        </f-response-toolbar>
    </nav>
</div>
<ng-template #tipsTemplate> <span class="text-warning">注意：</span>当前单据类型 </ng-template>
